<template>
  <Dialog :appDialog="appDialog">
    <div class="del-desc">确定删除所选内容吗？</div>
  </Dialog>
</template>


<script setup lang="ts">
import Dialog from '@/components/Dialog.vue'
import { ref } from 'vue'

const cancelHandel = () => {
  appDialog.value.visible = false
}
const appDialog = ref({
  visible: false,
  title: '批量删除',
  width: '455px',
  cancel: cancelHandel,
  submit: null,
  cancelText: '取消',
  submitText: '确认'
})

defineExpose({ appDialog })
</script>

<style lang="scss" scoped>
.del-desc {
  height: 124px;
  line-height: 124px;
  padding-left: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #33302d;
  text-align: center;
}
</style>
